.list-container {
  box-sizing: border-box;
  padding: 20px 0;
  height: 500px;
  overflow: hidden;
  width: 700px;
  display: flex;
  flex-direction: column;
  gap: 15px;

  .input-container {
    width: 300px;

    button {
      border: 1px solid #ccc;
      padding: 4px 8px;
      border-radius: 5px;
      margin-right: 10px;
      color: white;
      background-color: rgba(var(--primary-color-base), 0.7);

      &:hover {
        background-color: rgba(var(--primary-color-base), 1);
      }
    }
  }
}
